<template>
    <div class="marLR20">
        <h3 class="marT20">个人信息</h3>
        <div class="tableWrapper">
            <el-row class="posRelative headerRowClass font14">
                <el-col :span="1">
                    <p class="paddTB10 borderR1 posRelative ellipsis" title="工号">
                        工号
                    </p>
                </el-col>
                <el-col :span="2">
                    <p class="paddTB10 borderR1 posRelative ellipsis" title="部门">
                        部门
                    </p>
                </el-col>
                <el-col :span="2">
                    <p class="paddTB10 borderR1 posRelative ellipsis" title="职位">
                        职位
                    </p>
                </el-col>
                <el-col :span="2">
                    <p class="paddTB10 borderR1 posRelative ellipsis" title="名字">
                        名字
                    </p>
                </el-col>
                <el-col :span="2">
                    <p class="paddTB10 borderR1 posRelative ellipsis" title="状态">
                        状态
                    </p>
                </el-col>
                <el-col :span="1">
                    <p class="paddTB10 borderR1 posRelative ellipsis" title="性别">
                        性别
                    </p>
                </el-col>
                <el-col :span="3">
                    <p class="paddTB10 borderR1 posRelative ellipsis" title="身份证号">
                        身份证号
                    </p>
                </el-col>
                <el-col :span="4">
                    <p class="paddTB10 borderR1 posRelative ellipsis" title="电话">
                        电话
                    </p>
                </el-col>
                <el-col :span="2">
                    <p class="paddTB10 borderR1 posRelative ellipsis" title="邮箱">
                        邮箱
                    </p>
                </el-col>
                <el-col :span="1">
                    <p class="paddTB10 borderR1 posRelative ellipsis" title="权限">
                        权限
                    </p>
                </el-col>
                <el-col :span="4">
                    <p class="paddTB10 posRelative ellipsis" title="操作">
                        操作
                    </p>
                </el-col>
            </el-row>
            <el-row class="rowClass tdText">
                <el-col :span="1" class="sortLrCol">
                    <p class="paddTB10 tContent borderR1 ellipsis" :title="tableShowUser.staffnum">{{tableShowUser.staffnum}}</p>
                    <div class="lrArrowsWrapper">
                        <icon name="enterPage" class="scaleIcon1 enterPageIcon" @click.native.stop = "routerResumeDetailRead(tableShowUser.id)"></icon>
                    </div>
                </el-col>
                <el-col :span="2">
                    <p class="paddTB10 tContent borderR1 ellipsis" :title="tableShowUser.depart_name">{{tableShowUser.depart_name}}</p>
                </el-col>
                <el-col :span="2">
                    <p class="paddTB10 tContent borderR1 ellipsis" :title="tableShowUser.pos_name">{{tableShowUser.pos_name}}</p>
                </el-col>
                <el-col :span="2" class="sortLrCol">
                    <p class="paddTB10 tContent borderR1 ellipsis" :title="tableShowUser.user_name">{{tableShowUser.user_name}}</p>
                    <div class="lrArrowsWrapper">
                        <icon name="enterPage" class="scaleIcon1 enterPageIcon" @click.native.stop = "routerResumeDetailRead(tableShowUser.id)"></icon>
                    </div>
                </el-col>
                <el-col :span="2">
                    <p class="paddTB10 tContent borderR1 ellipsis" title="/" v-if="tableShowUser.work_nature === null">/</p>
                    <p class="paddTB10 tContent borderR1 ellipsis" title="在校实习生" v-else-if="tableShowUser.work_nature === 1">在校实习生</p>
                    <p class="paddTB10 tContent borderR1 ellipsis" title="试用" v-else-if="tableShowUser.work_nature === 2">试用</p>
                    <p class="paddTB10 tContent borderR1 ellipsis" title="首签合同" v-else-if="tableShowUser.work_nature === 3">首签合同</p>
                    <p class="paddTB10 tContent borderR1 ellipsis" title="续签合同" v-else-if="tableShowUser.work_nature === 4">续签合同</p>
                    <p class="paddTB10 tContent borderR1 ellipsis" title="无固定期限合同" v-else-if="tableShowUser.work_nature === 5">无固定期限合同</p>
                    <p class="paddTB10 tContent borderR1 ellipsis" title="停薪留职" v-else-if="tableShowUser.work_nature === 6">停薪留职</p>
                    <p class="paddTB10 tContent borderR1 ellipsis" title="离职" v-else-if="tableShowUser.work_nature === 7">离职</p>
                    <p class="paddTB10 tContent borderR1 ellipsis" title="退休返职" v-else-if="tableShowUser.work_nature === 8">退休返职</p>
                    <p class="paddTB10 tContent borderR1 ellipsis" title="钟点工" v-else-if="tableShowUser.work_nature === 9">钟点工</p>
                    <p class="paddTB10 tContent borderR1 ellipsis" title="兼职" v-else-if="tableShowUser.work_nature === 10">兼职</p>
                </el-col>
                <el-col :span="1">
                    <p class="paddTB10 tContent borderR1 ellipsis" :title="tableShowUser.user_sex === 1 ? '男' : '女'">{{tableShowUser.user_sex === 1 ? '男' : '女'}}</p>
                </el-col>
                <el-col :span="3">
                    <p class="paddTB10 tContent borderR1 ellipsis" :title="tableShowUser.user_card_num">{{tableShowUser.user_card_num}}</p>
                </el-col>
                <el-col :span="4">
                    <p class="paddTB10 tContent borderR1 ellipsis" :title="tableShowUser.user_tel">{{tableShowUser.user_tel}}</p>
                </el-col>
                <el-col :span="2">
                    <p class="paddTB10 tContent borderR1 ellipsis" :title="tableShowUser.user_email === null ? '/' : tableShowUser.user_email">{{tableShowUser.user_email === null ? '/' : tableShowUser.user_email}}</p>
                </el-col>
                <el-col :span="1">
                    <p class="paddTB10 tContent borderR1 ellipsis" title="">
                        <icon name="view" class="scaleIcon1" title="点击可查看权限" @click.native.stop="routerToMyselfMenu(tableShowUser.id,tableShowUser.staffnum,tableShowUser.user_name)"></icon>
                    </p>
                </el-col>
                <el-col :span="4">
                    <p class="paddTB10 tContent ellipsis" title="点击进入六项申报扣除">
                        <icon name="taxDisabled" class="scaleIcon1" title="六项申报扣除"   v-if="tableShowUser.is_modified === 2"></icon>
                        <icon name="tax" class="scaleIcon1" title="六项申报扣除" @click.native.stop="routerToTax(tableShowUser.id)" v-else></icon>
                    </p>
                </el-col>
            </el-row>
        </div>

        <!-- 我参与的履历 -->
        <div class="marT20" v-if="eduExperList.length > 0 || rewardsList.length > 0 || postTransferList.length > 0 || userStatusList.length > 0 || occGradeList.length > 0">
            <div class="grayLine"></div>

            <h4 class="marBT20">我参与的履历</h4>

            <!-- 教育经历 -->
            <el-row class="posRelative"  v-if="eduExperList.length > 0">
                <el-col :span="24">
                        <h3 style="cursor:pointer;" @click.stop="toggleEduExperShow">教育经历
                            <icon name="down" class="marR15" v-show="!isEduExperShow"></icon>
                            <icon name="up" class="marR15" v-show="isEduExperShow"></icon>
                            <div class="loader loader-1" v-show="isEduExperIconShow">
                                <div class="loader-outter"></div>
                            </div>
                        </h3>
                        <div class="marB20 font14" v-show="isEduExperShow">
                            <el-row class="headerRowClass borderT1">
                                <el-col :span="3">
                                    <p class="paddTB10 tContent borderL1 posRelative ellipsis" title="工号">
                                        工号
                                    </p>
                                </el-col>
                                <el-col :span="3">
                                    <p class="paddTB10 tContent borderL1 ellipsis" title="姓名">姓名</p>
                                </el-col>
                                <el-col :span="3">
                                    <p class="paddTB10 tContent borderL1 posRelative ellipsis" title="学历">
                                        学历
                                    </p>
                                </el-col>
                                <el-col :span="3">
                                    <p class="paddTB10 tContent borderL1 ellipsis" title="毕业院校">毕业院校</p>
                                </el-col>
                                <el-col :span="3">
                                    <p class="paddTB10 tContent borderL1 ellipsis" title="专业名称">专业名称</p>
                                </el-col>
                                <el-col :span="3">
                                    <p class="paddTB10 tContent borderL1 ellipsis" title="审核状态">审核状态</p>
                                </el-col>
                                <el-col :span="3">
                                    <p class="paddTB10 tContent borderL1 ellipsis" title="审核理由">审核理由</p>
                                </el-col>
                                <el-col :span="3">
                                    <p class="paddTB10 tContent borderL1 borderR1 ellipsis" title="修改原因">修改原因</p>
                                </el-col>
                            </el-row>
                            <el-row class="rowClass tdText" v-for="(item,index) of eduExperList" :key="item.id" :index="index">
                                 <el-col :span="3">
                                     <p class="paddTB10 tContent borderL1 ellipsis" :title="item.staffnum">{{item.staffnum}}</p>
                                </el-col>
                                 <el-col :span="3">
                                     <p class="paddTB10 tContent borderL1 ellipsis" :title="item.user_name">{{item.user_name}}</p>
                                </el-col>
                                <el-col :span="3">
                                    <p class="paddTB10 tContent borderL1 ellipsis" title="初中及以下" v-if="item.education === 1">初中及以下</p>
                                    <p class="paddTB10 tContent borderL1 ellipsis" title="高中" v-else-if="item.education === 2">高中</p>
                                    <p class="paddTB10 tContent borderL1 ellipsis" title="专科" v-else-if="item.education === 3">专科</p>
                                    <p class="paddTB10 tContent borderL1 ellipsis" title="本科(成教)" v-else-if="item.education === 4">本科(成教)</p>
                                    <p class="paddTB10 tContent borderL1 ellipsis" title="本科(民办 / 自考)" v-else-if="item.education === 5">本科(民办 / 自考)</p>
                                    <p class="paddTB10 tContent borderL1 ellipsis" title="本科(二本)" v-else-if="item.education === 6">本科(二本)</p>
                                    <p class="paddTB10 tContent borderL1 ellipsis" title="本科(一本)" v-else-if="item.education === 7">本科(一本)</p>
                                    <p class="paddTB10 tContent borderL1 ellipsis" title="本科(211)" v-else-if="item.education === 8">本科(211)</p>
                                    <p class="paddTB10 tContent borderL1 ellipsis" title="本科(985)" v-else-if="item.education === 9">本科(985)</p>
                                    <p class="paddTB10 tContent borderL1 ellipsis" title="硕士 / 工硕" v-else-if="item.education === 10">硕士 / 工硕</p>
                                    <p class="paddTB10 tContent borderL1 ellipsis" title="博士" v-else-if="item.education === 11">博士</p>
                                </el-col>
                                <el-col :span="3">
                                    <p class="paddTB10 tContent borderL1 ellipsis" :title="item.graduated_school">{{item.graduated_school}}</p>
                                </el-col>
                                <el-col :span="3">
                                    <p class="paddTB10 tContent borderL1 ellipsis" :title="item.professional_name">{{item.professional_name}}</p>
                                </el-col>
                                <el-col :span="3">
                                    <p class="paddTB10 tContent borderL1 ellipsis" title="待审核" v-if="item.audit_status === 1">待审核</p>
                                    <p class="paddTB10 tContent borderL1 ellipsis" title="审核通过" v-else-if="item.audit_status === 2">审核通过</p>
                                    <p class="paddTB10 tContent borderL1 ellipsis" title="审核不通过" v-else-if="item.audit_status === 3">审核不通过</p>
                                </el-col>
                                <el-col :span="3">
                                    <p class="paddTB10 tContent borderL1 ellipsis" :title="item.audit_fail_reason === null ? '/' : item.audit_fail_reason">{{item.audit_fail_reason === null ? '/' : item.audit_fail_reason}}</p>
                                </el-col>
                                <el-col :span="3">
                                    <p class="paddTB10 tContent borderL1 ellipsis borderR1" :title="item.edit_reason === null ? '/' : item.edit_reason">{{item.edit_reason === null ? '/' : item.edit_reason}}</p>
                                </el-col>
                            </el-row>
                        </div>
                        <div class="grayLine"></div>
                </el-col>
            </el-row>

            <!--奖惩记录  -->
            <el-row class="posRelative marT20" v-if="rewardsList.length > 0">
                <el-col :span="24">
                        <h3 style="cursor:pointer;" @click.stop="toggleRewardsShow">奖惩记录
                            <icon name="down" class="marR15" v-show="!isRewardsShow"></icon>
                            <icon name="up" class="marR15" v-show="isRewardsShow"></icon>
                            <div class="loader loader-1" v-show="isRewardsIconShow">
                                <div class="loader-outter"></div>
                            </div>
                        </h3>
                        <div class="marB20 font14" v-show = "isRewardsShow">
                            <el-row class="headerRowClass borderT1">
                                <el-col :span="2">
                                    <p class="paddTB10 tContent borderL1 posRelative ellipsis" title="工号">
                                        工号
                                    </p>
                                </el-col>
                                <el-col :span="2">
                                    <p class="paddTB10 tContent borderL1 posRelative ellipsis" title="姓名">
                                        姓名
                                    </p>
                                </el-col>
                                <el-col :span="3">
                                    <p class="paddTB10 tContent borderL1 posRelative ellipsis" title="文件编号">
                                        文件编号
                                    </p>
                                </el-col>
                                <el-col :span="2">
                                    <p class="paddTB10 tContent borderL1 posRelative ellipsis" title="奖惩类型">
                                        奖惩类型
                                    </p>
                                </el-col>
                                <el-col :span="2">
                                    <p class="paddTB10 tContent borderL1 posRelative ellipsis" title="奖惩日期">
                                        奖惩日期
                                    </p>
                                </el-col>
                                <el-col :span="2">
                                    <p class="paddTB10 tContent borderL1 ellipsis" title="奖惩金额">奖惩金额</p>
                                </el-col>
                                <el-col :span="3">
                                    <p class="paddTB10 tContent borderL1 ellipsis" title="奖惩原因">奖惩原因</p>
                                </el-col>
                                <el-col :span="2">
                                    <p class="paddTB10 tContent borderL1 ellipsis" title="审核状态">审核状态</p>
                                </el-col>
                                <el-col :span="3">
                                    <p class="paddTB10 tContent borderL1 ellipsis" title="审核理由">审核理由</p>
                                </el-col>
                                <el-col :span="3">
                                    <p class="paddTB10 tContent borderL1 borderR1 ellipsis" title="修改原因">修改原因</p>
                                </el-col>
                            </el-row>
                            <el-row class="rowClass tdText" v-for="(item,index) of rewardsList" :key="item.id" :index="index">
                                <el-col :span="2">
                                    <p class="paddTB10 tContent borderL1 ellipsis" :title="item.staffnum">{{item.staffnum}}</p>
                                </el-col>
                                <el-col :span="2">
                                    <p class="paddTB10 tContent borderL1 ellipsis" :title="item.user_name">{{item.user_name}}</p>
                                </el-col>
                                <el-col :span="3">
                                    <p class="paddTB10 tContent borderL1 ellipsis" :title="item.fileNum">{{item.file_num}}</p>
                                </el-col>
                                <el-col :span="2">
                                    <p class="paddTB10 tContent borderL1 ellipsis" title="奖励" v-if="item.rewards_type === 1">奖励</p>
                                    <p class="paddTB10 tContent borderL1 ellipsis" title="口头警告" v-else-if="item.rewards_type === 2">口头警告</p>
                                    <p class="paddTB10 tContent borderL1 ellipsis" title="书面警告" v-else-if="item.rewards_type === 3">书面警告</p>
                                    <p class="paddTB10 tContent borderL1 ellipsis" title="一类事故" v-else-if="item.rewards_type === 4">一类事故</p>
                                    <p class="paddTB10 tContent borderL1 ellipsis" title="二类事故" v-else-if="item.rewards_type === 5">二类事故</p>
                                    <p class="paddTB10 tContent borderL1 ellipsis" title="三类事故" v-else-if="item.rewards_type === 6">三类事故</p>
                                    <p class="paddTB10 tContent borderL1 ellipsis" title="四类事故" v-else-if="item.rewards_type === 7">四类事故</p>
                                    <p class="paddTB10 tContent borderL1 ellipsis" title="五类事故" v-else-if="item.rewards_type === 8">五类事故</p>
                                    <p class="paddTB10 tContent borderL1 ellipsis" title="六类事故" v-else-if="item.rewards_type === 9">六类事故</p>
                                </el-col>
                                <el-col :span="2">
                                    <p class="paddTB10 tContent borderL1 ellipsis" :title="item.rewards_time">{{item.rewards_time}}</p>
                                </el-col>
                                <el-col :span="2">
                                    <p class="paddTB10 tContent borderL1 ellipsis" :title="item.rewards_money">{{item.rewards_money}}</p>
                                </el-col>
                                <el-col :span="3">
                                    <p class="paddTB10 tContent borderL1 ellipsis" :title="item.rewards_reason">{{item.rewards_reason}}</p>
                                </el-col>
                                <el-col :span="2">
                                    <p class="paddTB10 tContent borderL1 ellipsis" title="待审核" v-if="item.audit_status === 1">待审核</p>
                                    <p class="paddTB10 tContent borderL1 ellipsis" title="审核通过" v-else-if="item.audit_status === 2">审核通过</p>
                                    <p class="paddTB10 tContent borderL1 ellipsis" title="审核不通过" v-else-if="item.audit_status === 3">审核不通过</p>
                                </el-col>
                                <el-col :span="3">
                                    <p class="paddTB10 tContent borderL1 ellipsis" :title="item.audit_fail_reason === null ? '/' : item.audit_fail_reason">{{item.audit_fail_reason === null ? '/' : item.audit_fail_reason}}</p>
                                </el-col>
                                <el-col :span="3">
                                    <p class="paddTB10 tContent borderL1 ellipsis borderR1" :title="item.edit_reason === null ? '/' : item.edit_reason">{{item.edit_reason === null ? '/' : item.edit_reason}}</p>
                                </el-col>
                            </el-row>
                        </div>
                        <div class="grayLine"></div>
                </el-col>
            </el-row>

            <!-- 调岗记录 -->
            <el-row class="posRelative marT20" v-if="postTransferList.length > 0">
                <el-col :span="24">
                        <h3 style="cursor:pointer;" @click.stop="togglePostTransShow">调岗记录
                            <icon name="down" class="marR15" v-show="!isPostTransShow"></icon>
                            <icon name="up" class="marR15" v-show="isPostTransShow"></icon>
                            <div class="loader loader-1" v-show="isPostTransIconShow">
                                <div class="loader-outter"></div>
                            </div>
                        </h3>
                        <div class="marB20 font14" v-show="isPostTransShow">
                            <el-row class="headerRowClass borderT1">
                                <el-col :span="2">
                                    <p class="paddTB10 tContent borderL1 posRelative ellipsis" title="工号">
                                        工号
                                    </p>
                                </el-col>
                                <el-col :span="1">
                                    <p class="paddTB10 tContent borderL1 posRelative ellipsis" title="姓名">
                                        姓名
                                    </p>
                                </el-col>
                                <el-col :span="2">
                                    <p class="paddTB10 tContent borderL1 posRelative ellipsis" title="文件编号">
                                        文件编号
                                    </p>
                                </el-col>
                                <el-col :span="2">
                                    <p class="paddTB10 tContent borderL1 posRelative ellipsis" title="调岗编号">
                                        调岗编号
                                    </p>
                                </el-col>
                                <el-col :span="2">
                                    <p class="paddTB10 tContent borderL1 ellipsis" title="原部门">
                                        原部门
                                    </p>
                                </el-col>
                                <el-col :span="2">
                                    <p class="paddTB10 tContent borderL1 ellipsis" title="新部门">
                                        新部门
                                    </p>
                                </el-col>
                                <el-col :span="2">
                                    <p class="paddTB10 tContent borderL1 posRelative ellipsis" title="原职位">
                                        原职位
                                    </p>
                                </el-col>
                                <el-col :span="2">
                                    <p class="paddTB10 tContent borderL1 posRelative ellipsis" title="新职位">
                                        新职位
                                    </p>
                                </el-col>
                                <el-col :span="2">
                                    <p class="paddTB10 tContent borderL1 ellipsis" title="调岗时间">
                                        调岗时间
                                    </p>
                                </el-col>
                                <el-col :span="2">
                                    <p class="paddTB10 tContent borderL1 ellipsis" title="调岗原因">
                                        调岗原因
                                    </p>
                                </el-col>
                                <el-col :span="1">
                                    <p class="paddTB10 tContent borderL1 ellipsis" title="审核状态">
                                        审核状态
                                    </p>
                                </el-col>
                                <el-col :span="2">
                                    <p class="paddTB10 tContent borderL1 ellipsis" title="审核理由">
                                        审核理由
                                    </p>
                                </el-col>
                                <el-col :span="2">
                                    <p class="paddTB10 tContent borderL1 borderR1 ellipsis" title="修改原因">
                                        修改原因
                                    </p>
                                </el-col>
                            </el-row>
                            <el-row class="rowClass tdText" v-for="(item,index) of postTransferList" :key="item.id" :index="index">
                                <el-col :span="2">
                                    <p class="paddTB10 tContent borderL1 ellipsis" :title="item.staffnum">{{item.staffnum}}</p>
                                </el-col>
                                <el-col :span="1">
                                    <p class="paddTB10 tContent borderL1 ellipsis" :title="item.user_name">{{item.user_name}}</p>
                                </el-col>
                                <el-col :span="2">
                                    <p class="paddTB10 tContent borderL1 ellipsis" :title="item.fileNum">{{item.file_num}}</p>
                                </el-col>
                                <el-col :span="2">
                                    <p class="paddTB10 tContent borderL1 ellipsis" :title="item.post_adjust_num">{{item.post_adjust_num}}</p>
                                </el-col>
                                <el-col :span="2">
                                    <p class="paddTB10 tContent borderL1 ellipsis" :title="item.oldDepartName">{{item.oldDepartName}}</p>
                                </el-col>
                                <el-col :span="2">
                                    <p class="paddTB10 tContent borderL1 ellipsis" :title="item.newDepartName">{{item.newDepartName}}</p>
                                </el-col>
                                <el-col :span="2">
                                    <p class="paddTB10 tContent borderL1 ellipsis" :title="item.oldPosName">{{item.oldPosName}}</p>
                                </el-col>
                                <el-col :span="2">
                                    <p class="paddTB10 tContent borderL1 ellipsis" :title="item.newPosName">{{item.newPosName}}</p>
                                </el-col>
                                <el-col :span="2">
                                    <p class="paddTB10 tContent borderL1 ellipsis" :title="item.post_adjust_time">{{item.post_adjust_time}}</p>
                                </el-col>
                                <el-col :span="2">
                                    <p class="paddTB10 tContent borderL1 ellipsis" :title="item.post_adjust_reason">{{item.post_adjust_reason}}</p>
                                </el-col>
                                <el-col :span="1">
                                    <p class="paddTB10 tContent borderL1 ellipsis" title="待审核" v-if="item.audit_status === 1">待审核</p>
                                    <p class="paddTB10 tContent borderL1 ellipsis" title="审核通过" v-else-if="item.audit_status === 2">审核通过</p>
                                    <p class="paddTB10 tContent borderL1 ellipsis" title="审核不通过" v-else-if="item.audit_status === 3">审核不通过</p>
                                </el-col>
                                <el-col :span="2">
                                    <p class="paddTB10 tContent borderL1 ellipsis" :title="item.audit_fail_reason === null ? '/' : item.audit_fail_reason">{{item.audit_fail_reason === null ? '/' : item.audit_fail_reason}}</p>
                                </el-col>
                                <el-col :span="2">
                                    <p class="paddTB10 tContent borderL1 ellipsis borderR1" :title="item.edit_reason === null ? '/' : item.edit_reason">{{item.edit_reason === null ? '/' : item.edit_reason}}</p>
                                </el-col>
                            </el-row>
                        </div>
                        <div class="grayLine"></div>
                </el-col>
            </el-row>

            <!-- 人员状态记录 -->
             <el-row class="posRelative marT20"  v-if="userStatusList.length > 0">
                <el-col :span="24">
                        <h3 style="cursor:pointer;" @click.stop="toggleUserStatusShow">人员状态记录
                            <icon name="down" class="marR15" v-show="!isUserStatusShow"></icon>
                            <icon name="up" class="marR15" v-show="isUserStatusShow"></icon>
                            <div class="loader loader-1" v-show="isUserStatusIconShow">
                                <div class="loader-outter"></div>
                            </div>
                        </h3>
                        <div class="marB20 font14" v-show="isUserStatusShow">
                            <el-row class="headerRowClass borderT1">
                                <el-col :span="3">
                                    <p class="paddTB10 tContent borderL1 posRelative ellipsis" title="工号">
                                        工号
                                    </p>
                                </el-col>
                                <el-col :span="3">
                                    <p class="paddTB10 tContent borderL1 posRelative ellipsis" title="姓名">
                                        姓名
                                    </p>
                                </el-col>
                                <el-col :span="3">
                                    <p class="paddTB10 tContent borderL1 posRelative ellipsis" title="工作状态">
                                        工作状态
                                    </p>
                                </el-col>
                                <el-col :span="3">
                                    <p class="paddTB10 tContent borderL1 ellipsis" title="开始时间">
                                        开始时间
                                    </p>
                                </el-col>
                                <el-col :span="3">
                                    <p class="paddTB10 tContent borderL1 ellipsis" title="结束时间">
                                        结束时间
                                    </p>
                                </el-col>
                                <el-col :span="3">
                                    <p class="paddTB10 tContent borderL1 posRelative ellipsis" title="审核状态">
                                        审核状态
                                    </p>
                                </el-col>
                                <el-col :span="3">
                                    <p class="paddTB10 tContent borderL1 ellipsis" title="审核理由">审核理由</p>
                                </el-col>
                                <el-col :span="3">
                                    <p class="paddTB10 tContent borderL1 borderR1 ellipsis" title="修改原因">修改原因</p>
                                </el-col>
                            </el-row>
                            <el-row class="rowClass tdText" v-for="(item,index) of userStatusList" :key="item.id" :index="index">
                                <el-col :span="3">
                                    <p class="paddTB10 tContent borderL1 ellipsis" :title="item.staffnum">{{item.staffnum}}</p>
                                </el-col>
                                <el-col :span="3">
                                    <p class="paddTB10 tContent borderL1 ellipsis" :title="item.user_name">{{item.user_name}}</p>
                                </el-col>
                                <el-col :span="3">
                                    <p class="paddTB10 tContent borderL1 ellipsis" title="在校实习生" v-if="item.work_nature === 1">在校实习生</p>
                                    <p class="paddTB10 tContent borderL1 ellipsis" title="试用" v-else-if="item.work_nature === 2">试用</p>
                                    <p class="paddTB10 tContent borderL1 ellipsis" title="首签合同" v-else-if="item.work_nature === 3">首签合同</p>
                                    <p class="paddTB10 tContent borderL1 ellipsis" title="续签合同" v-else-if="item.work_nature === 4">续签合同</p>
                                    <p class="paddTB10 tContent borderL1 ellipsis" title="无固定期限合同" v-else-if="item.work_nature === 5">无固定期限合同</p>
                                    <p class="paddTB10 tContent borderL1 ellipsis" title="停薪留职" v-else-if="item.work_nature === 6">停薪留职</p>
                                    <p class="paddTB10 tContent borderL1 ellipsis" title="离职" v-else-if="item.work_nature === 7">离职</p>
                                    <p class="paddTB10 tContent borderL1 ellipsis" title="退休返职" v-else-if="item.work_nature === 8">退休返职</p>
                                    <p class="paddTB10 tContent borderL1 ellipsis" title="钟点工" v-else-if="item.work_nature === 9">钟点工</p>
                                    <p class="paddTB10 tContent borderL1 ellipsis" title="兼职" v-else-if="item.work_nature === 10">兼职</p>
                                </el-col>
                                <el-col :span="3">
                                    <p class="paddTB10 tContent borderL1 ellipsis" :title="item.event_time">{{item.event_time}}</p>
                                </el-col>
                                <el-col :span="3">
                                    <p class="paddTB10 tContent borderL1 ellipsis" :title="item.end_event_time">{{item.end_event_time}}</p>
                                </el-col>
                                <el-col :span="3">
                                    <p class="paddTB10 tContent borderL1 ellipsis" title="待审核" v-if="item.audit_status === 1">待审核</p>
                                    <p class="paddTB10 tContent borderL1 ellipsis" title="审核通过" v-else-if="item.audit_status === 2">审核通过</p>
                                    <p class="paddTB10 tContent borderL1 ellipsis" title="审核不通过" v-else-if="item.audit_status === 3">审核不通过</p>
                                </el-col>
                                <el-col :span="3">
                                    <p class="paddTB10 tContent borderL1 ellipsis" :title="item.audit_fail_reason === null ? '/' : item.audit_fail_reason">{{item.audit_fail_reason === null ? '/' : item.audit_fail_reason}}</p>
                                </el-col>
                                <el-col :span="3">
                                    <p class="paddTB10 tContent borderL1 borderR1 ellipsis" :title="item.edit_reason === null ? '/' : item.edit_reason">{{item.edit_reason === null ? '/' : item.edit_reason}}</p>
                                </el-col>
                            </el-row>
                        </div>
                        <div class="grayLine"></div>
                </el-col>
            </el-row>

            <!-- 职业等级记录 -->
            <el-row class="posRelative marT20"  v-if="occGradeList.length > 0">
                <el-col :span="24">
                        <h3 style="cursor:pointer;" @click.stop="toggleOccGradeShow">职业等级记录
                            <icon name="down" class="marR15" v-show="!isOccGradeShow"></icon>
                            <icon name="up" class="marR15" v-show="isOccGradeShow"></icon>
                            <div class="loader loader-1" v-show="isOccGradeIconShow">
                                <div class="loader-outter"></div>
                            </div>
                        </h3>
                        <div class="marB20 font14" v-show="isOccGradeShow">
                            <el-row class="headerRowClass borderT1">
                                <el-col :span="3">
                                    <p class="paddTB10 tContent borderL1 posRelative ellipsis" title="工号">
                                        工号
                                    </p>
                                </el-col>
                                <el-col :span="3">
                                    <p class="paddTB10 tContent borderL1 posRelative ellipsis" title="姓名">
                                        姓名
                                    </p>
                                </el-col>
                                <el-col :span="4">
                                    <p class="paddTB10 tContent borderL1 posRelative ellipsis" title="职业等级">
                                        职业等级
                                    </p>
                                </el-col>
                                <el-col :span="3">
                                    <p class="paddTB10 tContent borderL1 ellipsis" title="开始时间">
                                        开始时间
                                    </p>
                                </el-col>
                                <el-col :span="3">
                                    <p class="paddTB10 tContent borderL1 posRelative ellipsis" title="审核状态">
                                        审核状态
                                    </p>
                                </el-col>
                                <el-col :span="4">
                                    <p class="paddTB10 tContent borderL1 ellipsis" title="审核理由">审核理由</p>
                                </el-col>
                                <el-col :span="4">
                                    <p class="paddTB10 tContent borderL1 borderR1 ellipsis" title="修改原因">修改原因</p>
                                </el-col>
                            </el-row>
                            <el-row class="rowClass tdText" v-for="(item,index) of occGradeList" :key="item.id" :index="index">
                                <el-col :span="3">
                                    <p class="paddTB10 tContent borderL1 ellipsis" :title="item.staffnum">{{item.staffnum}}</p>
                                </el-col>
                                <el-col :span="3">
                                    <p class="paddTB10 tContent borderL1 ellipsis" :title="item.user_name">{{item.user_name}}</p>
                                </el-col>
                                <el-col :span="4">
                                    <p class="paddTB10 tContent borderL1 ellipsis" :title="item.occ_grade_str">{{item.occ_grade_str}}</p>
                                </el-col>
                                <el-col :span="3">
                                    <p class="paddTB10 tContent borderL1 ellipsis" :title="item.event_time">{{item.event_time}}</p>
                                </el-col>
                                <el-col :span="3">
                                    <p class="paddTB10 tContent borderL1 ellipsis" title="待审核" v-if="item.audit_status === 1">待审核</p>
                                    <p class="paddTB10 tContent borderL1 ellipsis" title="审核通过" v-else-if="item.audit_status === 2">审核通过</p>
                                    <p class="paddTB10 tContent borderL1 ellipsis" title="审核不通过" v-else-if="item.audit_status === 3">审核不通过</p>
                                </el-col>
                                <el-col :span="4">
                                    <p class="paddTB10 tContent borderL1 ellipsis" :title="item.audit_fail_reason === null ? '/' : item.audit_fail_reason">{{item.audit_fail_reason === null ? '/' : item.audit_fail_reason}}</p>
                                </el-col>
                                <el-col :span="4">
                                    <p class="paddTB10 tContent borderL1 borderR1 ellipsis" :title="item.edit_reason === null ? '/' : item.edit_reason">{{item.edit_reason === null ? '/' : item.edit_reason}}</p>
                                </el-col>
                            </el-row>
                        </div>
                        <div class="grayLine"></div>
                </el-col>
            </el-row>

        </div>

    </div>
</template>


<script>

  import http from '@/assets/js/http'
  import _g from '@/assets/js/global'
  import config from '@/assets/js/config.js'

export default {
    data(){
        return {
            // 默认加载中图标隐藏
            isEduExperIconShow:false,//    教育经历
            isRewardsIconShow:false,//    奖惩记录
            isPostTransIconShow:false,//    调岗记录
            isUserStatusIconShow:false,//    人员状态记录
            isOccGradeIconShow:false,//    职业等级记录

            // 所有模块默认隐藏
            isEduExperShow:false,//    教育经历
            isRewardsShow:false,//    奖惩记录
            isPostTransShow:false,//    调岗记录
            isUserStatusShow:false,//    人员状态记录
            isOccGradeShow:false,//    职业等级记录

            tableShowUser : {},         //  用户基本信息
            eduExperList : [],         //  教育经历
            rewardsList : [],         //  奖惩记录
            postTransferList : [],         //  调岗记录
            userStatusList : [],         //  人员状态记录
            occGradeList : [],         //  职业等级记录
        }
    },
    methods: {
        /* 切换教育经历的显示与隐藏 */
        toggleEduExperShow(){
            this.isEduExperShow = !this.isEduExperShow
        },
        /* 切换奖惩记录的显示与隐藏 */
        toggleRewardsShow(){
            this.isRewardsShow = !this.isRewardsShow
        },
        /* 切换调岗记录的显示与隐藏 */
        togglePostTransShow(){
            this.isPostTransShow = !this.isPostTransShow
        },
        /* 切换人员状态记录的显示与隐藏 */
        toggleUserStatusShow(){
            this.isUserStatusShow = !this.isUserStatusShow
        },
         /* 切换职业等级记录的显示与隐藏 */
        toggleOccGradeShow(){
            this.isOccGradeShow = !this.isOccGradeShow
        },

        /* 跳转到用户履历信息只读页面 */
        routerResumeDetailRead(userId){
            this.$router.push({path: '/admin/users/resumeDetailRead', query:{userId}})
        },
        
        /* 跳转到申报六项扣除页面 */
        routerToTax(userId){
            this.$router.push({ path:'/admin/users/tax', query: {userId} });
        },
            /* 跳转到权限菜单页面 */
            routerToMyselfMenu(userId,staffNum,userName){
                this.$router.push({name:'我的权限', params: {userId,staffNum,userName}})
            },
            /* 查询当前登录用户的基本信息、及当前用户参与提交操作的履历相关审核记录(显示的人员) */
            getUserInfo() {
                const that = this
                _g.showLoading('加载中');
                that.apiPost("admin/users/loginUserInfo").then(res => {
                        _g.showLoading().close()

                        if(typeof res === 'string'){
                        res = JSON.parse(res)
                        }
                        if ((res.code || res.code === 0)  && res.code != 200) {
                        this.handleError(res)
                        } else {
                            if(res.data.isSuccess === 0){                           //  
                                if(res.data.loginUserInfo !== null){
                                    that.tableShowUser = res.data.loginUserInfo
                                }

                                if(res.data.eduExperList.length > 0){
                                    that.eduExperList = res.data.eduExperList
                                }

                                if(res.data.rewardsList.length > 0){
                                    that.rewardsList = res.data.rewardsList
                                }

                                if(res.data.postTransferList.length > 0){
                                    that.postTransferList = res.data.postTransferList
                                }

                                if(res.data.userStatusList.length > 0){
                                    that.userStatusList = res.data.userStatusList
                                }

                                if(res.data.occGradeList.length > 0){
                                    that.occGradeList = res.data.occGradeList
                                }
                            }else if(res.data.isSuccess === 1){
                                _g.toastMsg("error", res.message)
                            }
                        }
                })
            }
    },
    created() {
        this.getUserInfo()
    },
    mixins: [http]
}
</script>

<style lang="less" scoped>
  /* 填写履历信息 */
h3{
    font-size: 14px;
    color: #ef8200;
    padding-bottom: 10px;
}

h4{
    color: #66b1ff;
    font-size: 14px;
    text-align: center;
}
</style>

